<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>修改</title>
  <link rel="stylesheet" href="static/css/bootstrap.css">
  <style>
    html,
    body {
      width: 100%;
      height: 100%;
      position: relative;
      font-size: 5px;
    }
    .my-container {
      width: 98%;
      margin: 0px auto;
    }
    /* 表单宽度设置 */
    .Form {
      width: 30%;
    }
    /* 下拉列表格式设置 */
    .Select {
      width: 200px;
      height: 30px;
      border-radius: 4px;
      border: 1px solid #ccc;
    }
    /* 下拉列表点击时边框格式 */
    .Select:focus {
      border-color: #66afe9;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    }
  </style>
</head>

<body>
<div class="contsiner-fluid my-container">
  <ol class="breadcrumb" style="margin-top:5px; background-color: #bcc5c1;">
    <li><a href="/welcome/index" style="font-size: 20px;">学生管理</a></li>
    <li class="active" style="font-size: 20px;">修改信息</li>
  </ol>
  <form class="Form" th:action="@{/update}" method="post">
    <diV>
      <input type="hidden" name="userId" th:value="${user.userId}">
    </diV>
    <div class="form-group">
      <label for="Input1">姓名：</label>
      <input type="text" class="form-control" id="Input1" th:value="${user.nickName}" name="nickName">
    </div>
    <div class="form-group">
      <label>性别</label>
        <div class="radio-box">
          <input name="sex" type="radio" th:attr ="checked=(${user.sex}=='男'?true:false)" id="sex-1"  value="男">男
          <input type="radio" th:attr ="checked=(${user.sex}=='女'?true:false)" id="sex-2" name="sex" value="女">女
      </div>
      </div>
    <div class="form-group">
      <label for="Input2">手机：</label>
      <input type="text" class="form-control" id="Input2" th:value="${user.phone}" name="phone">
    </div>
    <div class="form-group">
      <label>专业：</label>
      <div class="dropdown">
        <select class="Select" name="specialty">
          <option th:selected="${user.specialty}=='会计学'?true:false" value="会计学">会计学</option>
          <option th:selected="${user.specialty}=='信息安全'?true:false" value="信息安全">信息安全</option>
          <option th:selected="${user.specialty}=='历史学'?true:false" value="历史学">历史学</option>
          <option th:selected="${user.specialty}=='哲学'?true:false" value="哲学">哲学</option>
          <option th:selected="${user.specialty}=='教育学'?true:false" value="教育学">教育学</option>
          <option th:selected="${user.specialty}=='服装'?true:false" value="服装">服装</option>
          <option th:selected="${user.specialty}=='物联网工程'?true:false" value="物联网工程">物联网工程</option>
          <option th:selected="${user.specialty}=='生态环境'?true:false" value="生态环境">生态环境</option>
          <option th:selected="${user.specialty}=='电气工程'?true:false" value="电气工程">电气工程</option>
          <option th:selected="${user.specialty}=='经济学'?true:false" value="经济学">经济学</option>
          <option th:selected="${user.specialty}=='网络工程'?true:false" value="网络工程">网络工程</option>
          <option th:selected="${user.specialty}=='航空航天'?true:false" value="航空航天">航空航天</option>
          <option th:selected="${user.specialty}=='药剂学'?true:false" value="药剂学">药剂学</option>
          <option th:selected="${user.specialty}=='计算机科学与技术'?true:false" value="计算机科学与技术">计算机科学与技术</option>
          <option th:selected="${user.specialty}=='麻醉学'?true:false" value="麻醉学">麻醉学</option>
        </select>
      </div>
    </div>
    <button type="submit" class="btn btn-primary">修改</button>
  </form>
</div>
</body>
</html>